<template>
  <div class="player-wrap">
    <vue-core-video-player class="container" :core="HLSCore" :src="hlsUrl" @play="handlePlay"></vue-core-video-player>
  </div>
</template>

<script>
  import HLSCore from '@core-player/playcore-hls'

  export default {
    name: "HlsPlayer",
    data() {
      return {
        HLSCore
      }
    },
    props: {
      hlsUrl: {
        type: String,
        default: ''
      }
    },
    methods: {
      handlePlay(){

      }
    }
  }
</script>

<style scoped>
  .player-wrap {
    width: 100%;
    height: 100%;
  }

  .container {
    width: 100%;
    height: 100%;
  }
</style>
